<template>
<div class="C1Rdiv1" :style="LetTop_Influence">
    <div class="C1Rdiv2" :style="TitleStyle[0]">
        <span style="font-size: 14px;font-weight: 900;">热销</span>
        <span style="font-size: 12px;color: rgb(151, 151, 151);margin-left:10px">大家喜欢吃，才叫真好吃</span>
    </div>
    <div class="C1Rdiv3" :style="TitleStyle[0]!=''?'margin-top:46px':''">
        <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
        <div class="C1Rdiv4">
            <span style="font-weight:900">
                鲜肉馄饨
            </span>
        </div>
        <div class="C1Rdiv4">
            <span style="font-size:11px;color: rgb(255, 166, 32);">
                本店好评第5名
            </span>
        </div>
        <div class="C1Rdiv4">
            <span style="font-size:11px;color: rgb(145, 145, 145);">
                月销 88 好评率 99%
            </span>
        </div>
        <div class="C1Rdiv4">
            <span class="span1"
            >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
        </div>
        <div class="C1Rdiv4" style="margin-top:10px">
            <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
            <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
            <span class="span2">
                <span style="font-size:9px">￥</span>16.5
            </span>
            <img src="../../../../../assets/ttimg/add.png" class="img2" @click="addnum(0)">
            <span class="span3" v-show="CountNum[0].num">{{CountNum[0].num}}</span>
            <img src="../../../../../assets/ttimg/reduce.png" v-show="CountNum[0].num" class="img2" @click="reducenum(0)">
        </div>
    </div>
    <div class="C1Rdiv3">
        <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
        <div class="C1Rdiv4">
            <span style="font-weight:900">
                花生酱拌面
            </span>
        </div>
        <div class="C1Rdiv4">
            <img src="../../../../../assets/ttimg/medal.png" class="img3">
            <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                拌面品类优质商品
            </span>
        </div>
        <div class="C1Rdiv4">
            <span style="font-size:11px;color: rgb(145, 145, 145);">
                月销 99 好评率 100%
            </span>
        </div>
        <div class="C1Rdiv4">
            <span class="span1"
            >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
        </div>
        <div class="C1Rdiv4" style="margin-top:10px">
            <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
            <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
            <span class="span2">
                <span style="font-size:9px">￥</span>14.5
            </span>
            <img src="../../../../../assets/ttimg/add.png" class="img2" @click="addnum(1)">
            <span class="span3" v-show="CountNum[1].num">{{CountNum[1].num}}</span>
            <img src="../../../../../assets/ttimg/reduce.png" v-show="CountNum[1].num" class="img2" @click="reducenum(1)">
        </div>
    </div>
    <div class="C1Rdiv3">
        <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
        <div class="C1Rdiv4">
            <span style="font-weight:900">
                广式腊肠炒饭
            </span>
        </div>
        <div class="C1Rdiv4">
            <img src="../../../../../assets/ttimg/medal.png" class="img3">
            <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                泉州广式腊肠炒饭第3名
            </span>
        </div>
        <div class="C1Rdiv4">
            <span style="font-size:11px;color: rgb(145, 145, 145);">
                月销 68 好评率 100%
            </span>
        </div>
        <div class="C1Rdiv4">
            <span class="span1"
            >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
        </div>
        <div class="C1Rdiv4" style="margin-top:10px">
            <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
            <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
            <span class="span2">
                <span style="font-size:9px">￥</span>18.0
            </span>
            <img src="../../../../../assets/ttimg/add.png" class="img2" @click="addnum(2)">
            <span class="span3" v-show="CountNum[2].num">{{CountNum[2].num}}</span>
            <img src="../../../../../assets/ttimg/reduce.png" v-show="CountNum[2].num" class="img2" @click="reducenum(2)">
        </div>
    </div>
    <div class="C1Rdiv2" :style="TitleStyle[1]">
        <span style="font-size: 14px;font-weight: 900;">推荐</span>
        <span style="font-size: 12px;color: rgb(151, 151, 151);margin-left:10px">老板亲自挑选，只为您吃得更好</span>
    </div>
    <div :style="TitleStyle[1]!=''?'margin-top:46px':''">
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
    <div class="C1Rdiv2" :style="TitleStyle[2]">
        <span style="font-size: 14px;font-weight: 900;">优惠</span>
        <span style="font-size: 12px;color: rgb(151, 151, 151);margin-left:10px">特价菜品多款同享</span>
    </div>
    <div :style="TitleStyle[2]!=''?'margin-top:46px':''">
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
    <div class="C1Rdiv2" :style="TitleStyle[3]"><span style="font-size: 14px;font-weight: 900;">新品上市</span></div>
    <div :style="TitleStyle[3]!=''?'margin-top:46px':''">
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
    <div class="C1Rdiv2" :style="TitleStyle[4]"><span style="font-size: 14px;font-weight: 900;">小吃类</span></div>
    <div :style="TitleStyle[4]!=''?'margin-top:46px':''">
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
    <div class="C1Rdiv2" :style="TitleStyle[5]"><span style="font-size: 14px;font-weight: 900;">小炒类</span></div>
    <div :style="TitleStyle[5]!=''?'margin-top:46px':''">
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
    <div class="C1Rdiv2" :style="TitleStyle[6]"><span style="font-size: 14px;font-weight: 900;">调味区</span></div>
    <div :style="TitleStyle[6]!=''?'margin-top:46px':''">
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
    <div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/huntun/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    鲜肉馄饨
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(255, 166, 32);">
                    本店好评第5名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 88 好评率 99%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">9.9</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>16.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/banmian/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    花生酱拌面
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    拌面品类优质商品
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 99 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">8.7</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>14.5
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
        <div class="C1Rdiv3">
            <img src="../../../../../assets/portal2/lachang/1.jpg" class="img1">
            <div class="C1Rdiv4">
                <span style="font-weight:900">
                    广式腊肠炒饭
                </span>
            </div>
            <div class="C1Rdiv4">
                <img src="../../../../../assets/ttimg/medal.png" class="img3">
                <span style="font-size:11px;color: rgb(255, 166, 32);margin-left:14px">
                    泉州广式腊肠炒饭第3名
                </span>
            </div>
            <div class="C1Rdiv4">
                <span style="font-size:11px;color: rgb(145, 145, 145);">
                    月销 68 好评率 100%
                </span>
            </div>
            <div class="C1Rdiv4">
                <span class="span1"
                >6.0折 <span style="opacity: 0.5;">|</span> 限1份</span>
            </div>
            <div class="C1Rdiv4" style="margin-top:10px">
                <span style="color: rgb(255, 34, 34);font-size: 10px;font-weight:700">￥</span>
                <span style="color: rgb(255, 34, 34);font-size: 16px;font-weight:500">10.8</span>
                <span class="span2">
                    <span style="font-size:9px">￥</span>18.0
                </span>
                <img src="../../../../../assets/ttimg/add.png" class="img2">
            </div>
        </div>
    </div>
</div>
</template>

<script>
import axios from 'axios'
export default {
    name:'C1Right',
    data(){
        return{
            LetTop_Influence:'',
            LetTop_Influence2:'position: fixed;top: 50px;',
            TitleStyle:['','','','','','',''],
            scroll:'',
            // CountNum:[0,0,0] 此处语法有问题
            CountNum:  [{'num':0,'pid':20000001,'cid':''},
                        {'num':0,'pid':20000002,'cid':''},
                        {'num':0,'pid':20000003,'cid':''}],
            TotalNum:0,
            axiosCartDate:[],
            FoodNum:[],
            logindata:0,
        }
    },
    methods:{
        addnum(index){
        if(this.logindata == 0){
            this.$router.replace({name:'PxLogin'})
        }else{
            if(this.CountNum[index].num == 0){
                this.$addr.get(`carts/add_to_cart?`,{
                params:{
                    pid:this.CountNum[index].pid,
                    amount:this.CountNum[index].num+1
                },
                }).then(
                    response=>{
                        this.CountNum[index].num++
                        this.TotalNum++
                        this.FoodNum[index]++
                        this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
                        this.$addr.get(`carts`).then(
                            response=>{
                                console.log('请求获取该用户购物车信息成功了',response)
                                for( let i=0,j=0; i<response.data.data.length; i++){
                                    if(response.data.data[i].pid.toString().indexOf('20000') != -1){
                                        for(let k=0 ; k<this.CountNum.length;k++){
                                            // console.log(this.CountNum[k].pid,'%%%%');
                                            if(this.CountNum[k].pid == response.data.data[i].pid){
                                                this.CountNum[k].cid=response.data.data[i].cid
                                            }
                                        }
                                        // this.axiosCartDate[j]=response.data.data[i]
                                        // this.axiosCartDate[j].realprice=Math.round(response.data.data[i].price*0.6)
                                        // j++
                                    }
                                }
                                console.log(this.CountNum,'%%%%%%%%%');
                                this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
                            },
                            error=>{
                                console.log('请求获取该用户购物车信息商品详情失败了',error.message)
                            }
                        )
                        console.log('食品请求添加到购物车成功了',response)
                        },
                    error=>{
                        this.$router.replace({name:'PxLogin'})
                        console.log('食品请求添加到购物车失败了',error.message)
                })
            }else{
                // console.log('该商品数量为0以上,我在修改',this.CountNum[index]);
                this.$addr.get(`carts/${this.CountNum[index].cid}/${this.CountNum[index].num+1}/changenum`).then(
                    response=>{
                        console.log('请求修改数量成功了',response)
                        this.CountNum[index].num++
                        this.TotalNum++
                        this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
                        },
                    error=>{
                        console.log('请求修改数量失败了',error.message)
                    })
            }
        }
        },
        reducenum(index){
            if(this.CountNum[index].num == 1){
                this.$addr.get(`carts/${this.CountNum[index].cid}/delete`).then(
                    response=>{
                        console.log('请求删除数量为1的购物车成功了',response)
                        this.CountNum[index].num--
                        this.TotalNum--
                        this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
                        },
                    error=>{
                        console.log('请求删除数量为1的购物车失败了',error.message)
                    })
            }else{
                console.log('该商品数量为1以上,我在修改',this.CountNum[index]);
                this.$addr.get(`carts/${this.CountNum[index].cid}/${this.CountNum[index].num-1}/changenum`).then(
                    response=>{
                        console.log('请求修改数量成功了',response)
                        this.CountNum[index].num--
                        this.TotalNum--
                        this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
                        },
                    error=>{
                        console.log('请求修改数量失败了',error.message)
                    })
            }
        }
    },
    watch:{
        scroll(value){
            // console.log(value);
            this.TitleStyle=['','','','','','','']
            if(value >= 169){
                this.LetTop_Influence='margin-top:50px'
                if(value >= 2636){
                    this.$bus.$emit('RighttoLeft',6)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[6]=this.LetTop_Influence2  
                }else if(value >= 2223){
                    this.$bus.$emit('RighttoLeft',5)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[5]=this.LetTop_Influence2  
                }else if(value >= 1812){
                    this.$bus.$emit('RighttoLeft',4)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[4]=this.LetTop_Influence2  
                }else if(value >= 1399){
                    this.$bus.$emit('RighttoLeft',3)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[3]=this.LetTop_Influence2  
                }else if(value >= 985){
                    this.$bus.$emit('RighttoLeft',2)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[2]=this.LetTop_Influence2
                }else if(value >= 578){
                    this.$bus.$emit('RighttoLeft',1)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[1]=this.LetTop_Influence2
                }else{
                    this.$bus.$emit('RighttoLeft',0)
                    this.TitleStyle=['','','','','','','']
                    this.TitleStyle[0]=this.LetTop_Influence2
                }
            }else{
                this.LetTop_Influence=''
            }
        },
    },
    mounted(){
        if(sessionStorage.getItem('axiosLogindate') !=null){  //如果sessionStorage里的数据存在时
            if(this.$route.params.logindata != sessionStorage.getItem('axiosLogindate') ){   //如果路由有传来数据(创建订单到支付页面),此时是没有关闭已经存在的的支付页面而进行的路由跳转
                this.logindata = this.$route.params.logindata
                sessionStorage.setItem('axiosLogindate',JSON.stringify(this.logindata))
            }else{
                //如果路由没有传数据(路由没有跳转)      此时解释为刷新页面
                this.logindata=JSON.parse(sessionStorage.getItem('axiosLogindate'))
            }
        }else{	    //如果sessionStorage里没有数据(即路由有跳转)    此时解释为初次进入支付界面
            this.logindata = this.$route.params.logindata
            sessionStorage.setItem('axiosLogindate',JSON.stringify(this.logindata))
        }
        this.$addr.get(`carts`).then(
            response=>{
                console.log('请求获取该用户购物车信息成功了',response)
                for( let i=0; i<response.data.data.length; i++){
                    if(response.data.data[i].pid.toString().indexOf('20000') != -1){
                        for(let k=0;k<this.CountNum.length;k++){
                            if(this.CountNum[k].pid == response.data.data[i].pid){
                                // console.log(this.CountNum[k].pid,'%%%%');
                                this.FoodNum[k]=response.data.data[i].num
                                this.axiosCartDate[k]=response.data.data[i]
                                this.axiosCartDate[k].realprice=Math.round(response.data.data[i].price*0.6)
                                this.CountNum[k].num=this.FoodNum[k]
                                this.CountNum[k].cid=response.data.data[i].cid
                                this.TotalNum+=this.CountNum[k].num
                            }
                        }
                    }
                }
                this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
            },
            error=>{
                console.log('请求获取该用户购物车信息商品详情失败了',error.message)
            }
        )

        this.$bus.$on('scroll',(value)=>{
            this.scroll=value
        })
        this.$bus.$on('CartChangeNum',(cid,value)=>{
            if(value == 0){
                for(let i=0 ; i<this.CountNum.length ; i++){
                    this.CountNum[i].num=0
                }
                this.TotalNum=0
            }else{
                for(let i=0 ; i<this.CountNum.length ; i++){
                    if(this.CountNum[i].cid == cid){
                        console.log('this.CountNum[i].cid:',this.CountNum[i].cid);
                        this.CountNum[i].num+=value
                        this.TotalNum+=value
                    }
                }
            }
            this.$bus.$emit('TotalNumCountNum',this.TotalNum,this.CountNum)
        })
    },
    beforeDestroy(){
        this.$bus.$off('scroll')
        this.$bus.$off('CartChangeNum')
    }
}
</script>

<style scoped>
.C1Rdiv1{
    background-color: white;
    margin-left: 90px;
    position: absolute;
    width: 70%;
}
.C1Rdiv2{
    margin-left: -1px;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 5px;
    z-index: 1;
    background-color: white;
}
.C1Rdiv3{
    margin-top: 10px;
    margin-right: 5px;
}
.img1{
    height: 105px;
    width: 110px;
    border-radius: 10px;
    position: absolute;
    margin-top: 3px;
}
.C1Rdiv4{
    margin-left: 120px;
}
.span1{
    border-radius: 3px;
    border: 1px solid rgb(255, 146, 146);
    padding: 1px;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 10px;
    color: rgb(255, 55, 55);
}
.span2{
    letter-spacing:-1px;
    text-decoration-line: line-through;
    font-size: 10px;
    margin-left:5px;
    color: rgb(160, 160, 160);
}
.img2{
    float: right;
    width: 24px;
    margin-top: -5px;
}
.img3{
    width: 12px;
    position: absolute;
    margin-top: 5px;
}
.span3{
    margin-top: -2px;
    float: right;
    padding-left: 8px;
    padding-right: 8px;
}
</style>